/** 通用列表样式 */
.content {
	background-color: #F1F1F1;
}

.data-list {
	background-color: #fff;
	margin-bottom: 8px;
	padding: 8px 12px;
	display: flex;
}

.data-image {
	image {
		height: 60px;
		width: 60px;
		margin-right: 8px;
		margin-top: 8px;
	}
}

.data-item {
	width: 100%;
	
	.item-text {
		margin: 8px 0;
		font-size: $uni-font-size-base;
	}
	
	.item-line {
		border-bottom: 1px solid #eee;
		padding: 8px 0;
	}
	
	.item-more {
		display: flex;
	}
	
	.two-sides {
		justify-content: space-between;
	}
	
	.item-title {
		font-weight: bold;
	}
	
	.item-desc {
		color: $uni-text-color-grey;
	}
	
	.item-state {
		margin-left: 5px;
		min-width: 55px;
	}
	
	.fixed-width {
		min-width: 80px;
	}
}

.list-btn {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 60px;
	display: flex;
	
	.fixed-btn {
		position: absolute;
		left: 8px;
		right: 8px;
		bottom: 10px;
	}
	
	uni-button {
		line-height: 40px;
	}
}
/** 通用列表样式结束 */

/** 通用筛选样式 */
.filter {
	margin: 20px 10px;
	font-size: 16px;
}

.filter-line {
	margin: 20px 0;
	border-bottom: 1rpx solid #c8c7cc;
}

.checkbox {
	border-bottom: 0;
}

.filter-title {
	margin: 10px 0;
}

.filter-input {
	padding-bottom: 5px;
}

.filter-btn {
	position: fixed;
	bottom: 10px;
	width: 96%;
	left: 2%;
	display: flex;
	
	uni-button {
		flex: 1;
		margin: 0 5px;
		line-height: 40px;
	}
}
/** 通用筛选样式结束 */

/** 通用选择列表样式 */
.select-list {
	background-color: #fff;
	padding: 8px 12px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #ebedf0;
}

.check-cell {
	width: 10%;
}

.check-size {
	transform: scale(0.8);
}

.select-content {
	width: 100%;
}

.select-detail {
	line-height: 24px;
	font-size: 14px;
}

.select-btn {
	position: fixed;
	bottom: 0;
	width: 100%;
	
	button {
		font-size: 16px;
		color: #fff;
		border-radius: 0;
	}
}
/** 通用选择列表样式结束 */

.orange {
	color: $uni-color-warning;
}

.green {
	color: $uni-color-success;
}

.grey {
	color: $uni-text-color-grey;
}

.red {
	color: $uni-color-error;
}